.container{
  padding: 30upx;
  box-sizing: border-box;
  .s-goods-item {
  	width: 100%;
  	padding: 20upx 30upx;
  	box-sizing: border-box;
  	display: flex;
  	justify-content: space-between;
  	.s-goods-img {
  		width: 180upx;
  		height: 180upx;
  		display: block;
  		flex-shrink: 0;
  	}
  	.s-goods-center {
  		flex: 1;
  		padding: 20upx 8upx;
  		box-sizing: border-box;
  		.s-goods-name {
  			max-width: 310upx;
  			word-break: break-all;
  			overflow: hidden;
  			text-overflow: ellipsis;
  			display: -webkit-box;
  			-webkit-box-orient: vertical;
  			-webkit-line-clamp: 2;
  			font-size: 26upx;
  			line-height: 32upx;
  		}
  		.s-goods-attr {
  			font-size: 22upx;
  			color: #888888;
  			line-height: 32upx;
  			padding-top: 20upx;
  			word-break: break-all;
  			overflow: hidden;
  			text-overflow: ellipsis;
  			display: -webkit-box;
  			-webkit-box-orient: vertical;
  			-webkit-line-clamp: 2;
  		}
  	}
  }
  .s-rate-container {
  	padding: 40upx;
  	box-sizing: border-box;
  	margin-bottom: 30upx;
  	background: #fff;
  	font-size: 30upx;
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
	.s-title {
		font-size: 30upx;
	}
	.s-title-rate{
		font-size: 30upx;
		color: #ff7900;
		width: 150upx;
	}
  }
  .s-cells {
    border-radius: 4upx;
    height: 280upx;
    box-sizing: border-box;
    padding: 20upx 20upx 0 20upx;
    position: relative;
	.s-textarea {
	  height: 210upx;
	  width: 100%;
	  color: #666;
	  font-size: 28upx;
	}
	.s-textarea-counter {
	  font-size: 24upx;
	  color: #999;
	  text-align: right;
	  height: 40upx;
	  line-height: 40upx;
	  padding-top: 4upx;
	}
  }
  .s-cells::after {
    content: '';
    position: absolute;
    height: 200%;
    width: 200%;
    border: 1px solid #e6e6e6;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    left: 0;
    top: 0;
    border-radius: 8upx;
  }
  .s-box-upload{
	margin-top: 30upx;    
  	padding-left: 25rpx;
  	box-sizing: border-box;
  }
  .s-cmt-btn{
    margin-top: 60upx;
  }
}
.s-phcolor-color {
  color: #ccc !important;
}

// 图片上传样式
@font-face {
	font-family: 'sUpload';
	src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATcAA0AAAAAByQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEwAAAABoAAAAciR52BUdERUYAAASgAAAAHgAAAB4AKQALT1MvMgAAAaAAAABCAAAAVjxvR/tjbWFwAAAB+AAAAEUAAAFK5ibpuGdhc3AAAASYAAAACAAAAAj//wADZ2x5ZgAAAkwAAADXAAABAAmNjcZoZWFkAAABMAAAAC8AAAA2FpiS+WhoZWEAAAFgAAAAHQAAACQH3QOFaG10eAAAAeQAAAARAAAAEgwAACBsb2NhAAACQAAAAAwAAAAMAEoAgG1heHAAAAGAAAAAHwAAACABEgA2bmFtZQAAAyQAAAFJAAACiCnmEVVwb3N0AAAEcAAAACgAAAA6OMUs4HjaY2BkYGAAYo3boY/i+W2+MnCzMIDAzb3qdQj6fwPzf+YGIJeDgQkkCgA/KAtvAHjaY2BkYGBu+N/AEMPCAALM/xkYGVABCwBZ4wNrAAAAeNpjYGRgYGBl0GJgZgABJiDmAkIGhv9gPgMADTABSQB42mNgZGFgnMDAysDA1Ml0hoGBoR9CM75mMGLkAIoysDIzYAUBaa4pDA7PGJ9xMjf8b2CIYW5gaAAKM4LkANt9C+UAAHjaY2GAABYIVmBgAAAA+gAtAAAAeNpjYGBgZoBgGQZGBhBwAfIYwXwWBg0gzQakGRmYnjE+4/z/n4EBQksxSf6GqgcCRjYGOIeRCUgwMaACRoZhDwCiLwmoAAAAAAAAAAAAAAAASgCAeNpdjkFKw0AARf/vkIR0BkPayWRKQZtYY90ohJju2kOIbtz0KD1HVm50UfEmWXoAr9ADOHFARHHzeY//Fx8Ci+FJfIgdJFa4AhgiMshbrCuIsLxhFJZVs+Vl1bT1GddtbXTC3OhohN4dg4BJ3zMJAnccyfm468ZzHXddrH9ZKbHzdf9n/vkY/xv9sPQXgGEvBrHHwst5kTbXLE+YpYVPkxepPmW94W16UbdNJd6f3SAzo5W7m1jaKd+8ZZIvk5nlKw9SK6Wle7BLS3f/bTzQLmfAF2T1NsQAeNp9kD1OAzEQhZ/zByQSQiCoXVEA2vyUKRMp9Ailo0g23pBo1155nUg5AS0VB6DlGByAGyDRcgpelkmTImvt6PObmeexAZzjGwr/3yXuhBWO8ShcwREy4Sr1F+Ea+V24jhY+hRvUf4SbuFUD4RYu1BsdVO2Eu5vSbcsKZxgIV3CKJ+Eq9ZVwjfwqXMcVPoQb1L+EmxjjV7iFa2WpDOFhMEFgnEFjig3jAjEcLJIyBtahOfRmEsxMTzd6ETubOBso71dilwMeaDnngCntPbdmvkon/mDLgdSYbh4FS7YpjS4idCgbXyyc1d2oc7D9nu22tNi/a4E1x+xRDWzU/D3bM9JIbAyvkJI18jK3pBJTj2hrrPG7ZynW814IiU68y/SIx5o0dTr3bmniwOLn8owcfbS5kj33qBw+Y1kIeb/dTsQgil2GP5PYcRkAAAB42mNgYoAALjDJyIAOWMGiTIxMjMxsKak5qSWpbFmZiRmJ+QAmgAUIAAAAAf//AAIAAQAAAAwAAAAWAAAAAgABAAMABAABAAQAAAACAAAAAHjaY2BgYGQAgqtL1DlA9M296nUwGgA+8QYgAAA=) format('woff');
	font-weight: normal;
	font-style: normal;
}
.s-upload-icon {
	font-family: "sUpload" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding: 10rpx;
}

.s-icon-delete:before {
	content: "\e601";
}

.s-icon-plus:before {
	content: "\e609";
}
.s-upload-box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	.s-image-item {
		width: 200upx;
		height: 200upx;
		position: relative;
		margin-right: 20upx;
		margin-bottom: 20upx;
		.s-item-img {
			width: 200upx;
			height: 200upx;
			display: block;
		}
		.s-img-del {
			width: 36upx;
			height: 36upx;
			position: absolute;
			right: -12upx;
			top: -12upx;
			background: #EB0909;
			border-radius: 50%;
			color: white;
			font-size: 34upx;
			z-index: 999;
		}
		.s-img-del::before {
			content: '';
			width: 16upx;
			height: 1px;
			position: absolute;
			left: 10upx;
			top: 18upx;
			background: #fff;
		}
		.s-upload-mask {
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: space-around;
			padding: 40upx 0;
			box-sizing: border-box;
			background: rgba(0, 0, 0, 0.6);
			.s-upload-loading {
				width: 28upx;
				height: 28upx;
				border-radius: 50%;
				border: 2px solid;
				border-color: #B2B2B2 #B2B2B2 #B2B2B2 #fff;
				animation: s-rotate 0.7s linear infinite;
			}
			@keyframes s-rotate {
				0% {
					transform: rotate(0);
				}
			
				100% {
					transform: rotate(360deg);
				}
			}
			.s-tips {
				font-size: 26upx;
				color: #fff;
			}
			.s-mask-btn {
				padding: 6upx 16upx;
				border-radius: 40upx;
				text-align: center;
				font-size: 24upx;
				color: #fff;
				border: 1upx solid #fff;
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}
	}
	.s-image-item:nth-of-type(3n) {
		margin-right: 0;
	}
	.s-upload-add {
		width: 220upx;
		height: 220upx;
		font-size: 68upx;
		font-weight: 100;
		color: #888;
		background-color: #F7F7F7;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0;
	}
}
.s-hover {
	opacity: 0.5;
}